.clear::after {
    clear     : both;
    display   : block;
    visibility: hidden;
    height    : 0;
    font-size : 0;
}

.body {
    width     : 100%;
    height    : auto;
    background: #F6F4F5;

    .mainbox {
        height    : 537px;
        background: #FFFFFF;

        .buybox-1 {
            height     : 50px;
            line-height: 50px;
            font-size  : 12px;
            color      : #797979;
            background : #F6F4F5;
            margin-top : 20px;

            a {
                color: #797979;
            }
        }

        .buybox-2 {
            .min-imgs {
                margin-left : 45px;
                margin-top  : 20px;
                margin-right: 20px;
                width       : 76px;
                height      : 424px;

                li {
                    margin-bottom: 10px;
                    border       : 1px solid #EEEEEE;
                    cursor       : pointer;
                    padding      : 1px 1px;
                    overflow     : hidden;

                    img {
                        vertical-align: top;
                        width         : 72px;
                        height        : 72px;
                    }
                }

                .select {
                    border : 2px solid #DC3334;
                    padding: 0 0;
                }
            }

            .bigimg-box {
                width : 420px;
                height: auto;

                .big-img {
                    position  : relative;
                    overflow  : hidden;
                    width     : 420px;
                    height    : 420px;
                    margin-top: 20px;
                    border    : 1px solid #EEEEEE;
                    cursor    : pointer;

                    .img1 {
                        width : 420px;
                        height: 420px;
                    }

                    .img2 {
                        position : absolute;
                        top      : -115px;
                        left     : -115px;
                        opacity  : 0;
                        width    : 650px;
                        height   : 650px;
                        border   : none;
                        max-width: none;
                        z-index  : 99;
                    }
                }
            }

            .pp {
                position: relative;
                left    : -520px;
                top     : 450px;
                float   : left;
                width   : 500px;

                span {
                    line-height: 45px;
                    color      : #666666;
                    font-size  : 13px;
                    float      : left;
                }

                .sp1 {
                    position : absolute;
                    right    : 0px;
                    font-size: 16px;
                    cursor   : pointer;
                }

                img {
                    vertical-align: middle;
                    margin-top    : 15px;
                    margin-left   : 10px;
                }

                div {
                    position: absolute;
                    left    : 0px;
                }
            }

            .itemmsg {
                width     : 520px;
                margin    : 0 0 0 42px;
                color     : #666;
                margin-top: 20px;
                position  : relative;

                h3 {
                    font-size  : 16px;
                    width      : 480px;
                    line-height: 20px;
                    color      : #000;
                    font-weight: 700;
                    font-family: "微软雅黑";
                }

                p {
                    color      : #e3393c;
                    width      : 480px;
                    font-size  : 14px;
                    line-height: 20px;
                    word-break : break-all;
                    margin-top : 7px;
                }

                .sp {
                    position  : absolute;
                    right     : -75px;
                    top       : 0;
                    width     : 80px;
                    text-align: center;
                    font-size : 13px;

                    b {
                        background   : rgb(161, 139, 126);
                        color        : #fff;
                        border-radius: 4px 4px;
                        padding      : 1px 5px;
                        line-height  : 30px;
                        height       : 30px;
                    }
                }

                a {
                    color: #333333;
                }

                .priceBox {
                    margin-top: 10px;
                    padding   : 10px 0 10px 10px;
                    background: #f3f3f3;
                    width     : 520px;
                    left      : -10px;
                    height    : 100px;

                    .box1 {
                        margin-top : 10px;
                        height     : 26px;
                        line-height: 26px;

                        .p1 {
                            padding-top: 0;
                            height     : 30px;
                            line-height: 30px;
                            margin-top : 0;
                            color      : #666;
                            float      : left;

                            b {
                                font-size: 20px;
                                color    : #c40000;
                            }
                        }
                    }

                    .p2 {
                        padding-top: 11px;
                        font-size  : 12px;
                        color      : #666;

                        .fl {
                            display     : inline-block;
                            margin-right: 5px;
                            line-height : 30px;
                        }

                        .red {
                            background : #c40000;
                            color      : #fff;
                            line-height: 18px;
                            padding    : 2px 2px 1px 2px;
                        }
                        .redtxt{
                            color: #c40000;
                        }
                    }
                }

                .psz {
                    margin-top : 10px;
                    height     : 25px;
                    line-height: 25px;
                    clear      : both;
                    font-size  : 12px;

                    .yn {
                        font-size   : 12px;
                        font-family : "微软雅黑";
                        margin-right: 8px;
                        color       : #747474;
                    }

                    img {
                        padding-top   : 7px;
                        display       : inline-block;
                        vertical-align: top;
                        margin        : 0 5px 0 10px;
                    }
                }

                .pay {
                    margin-top   : 17px;
                    height       : 36px;
                    line-height  : 36px;
                    border-top   : 1px dashed #c9c9c9;
                    border-bottom: 1px dashed #c9c9c9;
                    color        : #B4B4B4;
                    font-size    : 12px;

                    .pay1 {
                        color     : #B4B4B4;
                        width     : 170px;
                        float     : left;
                        text-align: center;

                        b {
                            color: #c40000;
                        }
                    }

                    .pay2 {
                        @extend .pay1;
                    }

                    .pay3 {
                        @extend .pay1;

                        b {
                            color: green;
                        }
                    }
                }

                .numBox {
                    margin-top   : 15px;
                    margin-bottom: 60px;

                    .num {
                        float       : left;
                        font-family : "微软雅黑";
                        margin-right: 15px;
                        font-size   : 12px;
                        line-height : 30px;
                    }

                    .nums {
                        float      : left;
                        width      : 36px;
                        height     : 28px;
                        border     : 1px solid #c9c9c9;
                        text-align : center;
                        line-height: 28px;
                    }

                    .addBtn {
                        float      : left;
                        margin-left: 4px;

                        span {
                            display    : block;
                            width      : 18px;
                            height     : 12px;
                            border     : 1px solid #c9c9c9;
                            text-align : center;
                            line-height: 10px;
                            cursor     : pointer;
                        }
                    }

                }

                .btnbox {
                    position: relative;
                    height  : 60px;

                    .addBuy {
                        display   : block;
                        width     : 180px;
                        margin-top: 20px;
                        height    : 40px;
                        background: url(./../images/details/buy.png);
                        position  : relative;
                    }

                    .addToCat {
                        float           : left;
                        cursor          : pointer;
                        background-image: url(./../images/details/buy2_03.jpg);
                        margin-left     : 8px;
                        display         : block;
                        width           : 180px;
                        height          : 40px;
                        position        : absolute;
                        bottom          : 20px;
                        left            : 190px;

                        img {
                            position  : absolute;
                            width     : 80px;
                            height    : 80px;
                            top       : -10px;
                            z-index   : -1;
                            // display: none;
                        }
                    }

                    .app {
                        position: absolute;
                        bottom  : 25px;
                        right   : -10px;

                        img {
                            vertical-align: middle;
                        }

                        .ewm {
                            width        : 120px;
                            height       : 120px;
                            margin-bottom: 5px;
                            display      : none;
                            position     : absolute;
                        }
                    }
                }

                .info {
                    font-size: 12px;

                    .infoTip {
                        float        : left;
                        width        : 36px;
                        color        : #666;
                        padding-right: 28px;
                    }

                    img {
                        vertical-align: middle;
                    }
                }
            }
        }
    }

    .everybodyBuy {
        color     : #666666;
        height    : auto;
        background: #FFFFFF;

        .tit {
            width      : 1080px;
            margin     : 0 auto;
            font-size  : 16px;
            line-height: 100px;
            height     : 80px;
        }

        ul {
            width : 1080px;
            margin: 0 auto;
            height: 132px;

            li {
                width       : 256px;
                height      : 130px;
                border      : 1px solid #EFEFEF;
                margin-right: 10px;
                float       : left;
            }
        }
    }

    .itemdetail {
        background: #fff;

        .datalist {
            width        : 1080px;
            margin       : 0 auto;
            height       : 100px;
            border-bottom: 2px solid #EEEEEE;

            span {
                color      : #797979;
                overflow   : hidden;
                padding    : 0 25px;
                height     : 100px;
                display    : inline-block;
                height     : 100px;
                line-height: 150px;
                cursor     : pointer;
                font-size  : 18px;

                a {
                    color  : #797979;
                    display: inline-block;
                }
            }

            .twxq {
                color        : #333333;
                border-bottom: 2px solid #DC3334;
            }
        }

        .datalist-float {
            width     : 100%;
            position  : fixed;
            top       : 0;
            left      : 0;
            background: #FFFFFF;
            height    : 48px;
            border    : 1px solid #C8C8C8;
            font-size : 13px;
            z-index   : 999999;
            display   : none;
            box-shadow: 5px 5px 10px RGBA(42, 42, 42, 0.29);

            .float-box {
                width       : 1200px;
                margin      : 0 auto;
                padding-left: 25px;

                span {
                    line-height : 48px;
                    color       : #484848;
                    display     : inline-block;
                    cursor      : pointer;
                    margin-right: 50px;
                   

                    a {
                        color: #E73736;
                    }

                    b {
                        color        : #E73736;
                        padding-right: 23px;
                    }

                    img {
                        vertical-align: middle;
                        margin-left   : 40px;
                    }
                    
                }

                .jypj {
                    margin-right: 640px;

                    a {
                        color: #484848;
                    }

                    em {
                        color: #E73736;
                    }
                }
                .gwc{
                    position: relative;
                    p{  
                        display: inline-block;
                        position: absolute;
                        background: #E73736;
                        width: 18px;
                        height: 18px;
                        border-radius: 50%;
                        font-size: 12px;
                        top: 3px;
                        left: 55px;
                        text-align: center;
                        color: #FFFFFF;
                        line-height: 18px;
                    }
                }

                span.select {
                    color        : #E73736;
                    border-bottom: 2px solid #E73736;
                    height       : 47px;
                }

                .jr {
                    background : #E73736;
                    color      : #FFFFFF;
                    display    : inline-block;
                    height     : 48px;
                    line-height: 48px;
                    padding    : 0 20px;
                    position   : relative;

                    img {
                        position: absolute;
                        width   : 80px;
                        height  : 80px;
                        top     : -10px;
                        z-index : -10;
                        display : none;
                    }
                }
            }
        }

        .itemspec {
            padding-left  : 35px;
            padding-top   : 35px;
            width         : 1045px;
            margin        : 0 auto;
            background    : #FBFBFB;
            padding-bottom: 35px;
            margin-bottom : 20px;

            span {
                width        : 24%;
                display      : inline-block;
                font-size    : 12px;
                color        : #666666;
                margin-bottom: 8px;
            }
        }

        .picbox {
            overflow: hidden;

            img {
                display: block;
                margin : 0 auto;
            }
        }

        .picbig {
            background : #FFFFFF;
            padding-top: 30px;
            text-align : center;

            .zzcn {
                width  : 998px;
                border : 1px solid #E5E5E5;
                margin : 0 auto;
                padding: 25px 40px;
            }
        }

        .history {
            color     : #666666;
            height    : auto;
            background: #FFFFFF;
            position  : relative;

            .historyTit {
                width      : 1080px;
                margin     : 0 auto;
                font-size  : 16px;
                line-height: 100px;
                height     : 80px;
            }

            .historysiled {
                position     : relative;
                margin       : 0 auto;
                overflow     : hidden;
                width        : 1080px;
                height       : 132px;
                margin-bottom: 20px;

                ul {
                    position: absolute;
                    width   : 2160px;
                    height  : 132px;

                    li {
                        float       : left;
                        width       : 260px;
                        height      : 130px;
                        border      : 1px solid #EFEFEF;
                        margin-right: 8px;
                    }
                }

            }

            #lef {
                position   : absolute;
                left       : 10px;
                top        : 58%;
                font-size  : 35px;
                font-weight: 900;
                color      : #E3E3E3;
            }

            #rig {
                position   : absolute;
                right      : 10px;
                top        : 58%;
                font-size  : 35px;
                font-weight: 900;
                color      : #E3E3E3;
            }
        }
    }

    .itempjbox {
        background : #FFFFFF;
        padding-top: 30px;

        .pjtitbox {
            width  : 998px;
            height : 98px;
            border : 1px solid #E5E5E5;
            margin : 0 auto;
            padding: 25px 40px;

            .pjlef {
                width       : 229px;
                border-right: 1px solid #E5E5E5;
                height      : 100%;
                line-height : 34px;

                .sspj {
                    color    : #333333;
                    font-size: 14px;
                }

                .empty {
                    width     : 100px;
                    height    : 8px;
                    background: #CCCCCC;
                    display   : inline-block;

                    div {
                        width     : 98%;
                        height    : 100%;
                        background: #DB3437;
                    }
                }

                .hp {
                    color    : #DC3334;
                    font-size: 13px;

                    i {
                        font-size    : 17px;
                        padding-left : 20px;
                        padding-right: 5px;
                    }
                }

                .pjnum {
                    color    : #999999;
                    font-size: 13px
                }
            }

            .djbox {
                width       : 514px;
                border-right: 1px solid #E5E5E5;
                height      : 100%;
                line-height : 34px;
                padding-left: 45px;

                .djrw {
                    color    : #333333;
                    font-size: 14px;
                }

                .no {
                    color    : #999999;
                    font-size: 13px;
                }
            }

            .pjrig {
                height      : 100%;
                line-height : 34px;
                padding-left: 40px;
                position    : relative;

                span {
                    color    : #999999;
                    font-size: 13px;
                }

                a {
                    color    : #1376CE;
                    font-size: 12px;
                }
            }
        }

        .pjsel {
            width        : 1080px;
            height       : 46px;
            margin       : 0 auto;
            border-bottom: 1px solid #E5E5E5;
            margin-top   : 20px;

            span.select {
                border-left : 1px solid #E5E5E5;
                border-right: 1px solid #E5E5E5;
                border-top  : 2px solid #DB3437
            }

            span {
                width      : 150px;
                height     : 100%;
                text-align : center;
                line-height: 43px;
                color      : #333333;
                font-size  : 12px;
                display    : inline-block;
                cursor     : pointer;

                i {
                    color: #999999;
                }
            }
        }

        .pjxd {
            width     : 1080px;
            margin    : 0 auto;
            background: #FFFFFF;

        }

        .listpj {
            background  : #F5F5F5;
            padding-left: 30px;
            height      : 40px;
            line-height : 40px;
            margin-top  : 20px;
            font-size   : 12px;
            color       : #666666;
            display     : inline-block;
            width       : 1050px;

            span:first-child {
                margin-right: 630px;
            }

            span:last-child {
                margin-left: 170px;
            }
        }

        .pjlistbox>li {
            padding-left : 30px;
            padding-top  : 35px;
            width        : 1048px;
            height       : auto;
            border-left  : 1px solid #E5E5E5;
            border-right : 1px solid #E5E5E5;
            border-bottom: 1px solid #E5E5E5;
            font-size    : 12px;

            .pjimglist {
                height: 120px;

                li {
                    float        : left;
                    border       : 1px solid #FFFFFF;
                    width        : 82px;
                    height       : 82px;
                    margin-right : 10px;
                    padding      : 1px;
                    margin-bottom: 30px;

                    div {
                        display       : table-cell;
                        width         : 80px;
                        height        : 80px;
                        border        : 1px solid #CCCCCC;
                        text-align    : center;
                        vertical-align: middle;
                        cursor        : pointer;

                        img {
                            max-width     : 80px;
                            max-height    : 80px;
                            vertical-align: middle;
                        }
                    }
                }

                li.select {
                    border       : 1px solid #E13B3A;
                    position     : relative;
                    border-radius: 2px;
                }

            }

            .showbox {
                width         : 500px;
                height        : 300px;
                position      : relative;
                padding-bottom: 20px;
                text-align    : center;
                display       : table-cell;
                vertical-align: middle;
                display: none;
                .qian {
                    position   : absolute;
                    cursor     : pointer;
                    left       : 0;
                    top        : 45%;
                    color      : #E13B3A;
                    font-size  : 25px;
                    font-weight: 900;
                    display: none;
                }

                img {
                    max-width     : 100%;
                    max-height    : 100%;
                    vertical-align: middle;
                    cursor: pointer;
                    margin-left: 150px
                    // position:absolute;
                }
                

                .next {
                    position   : absolute;
                    cursor     : pointer;
                    right      : 0;
                    top        : 45%;
                    color      : #E13B3A;
                    font-size  : 25px;
                    font-weight: 900;
                    display: none;
                }
            }

            .pjlistnr {
                .pjly {
                    width     : 677px;
                    display   : inline-block;
                    word-wrap : break-word;
                    word-break: break-all;
                    overflow  : hidden;
                }

                img {
                    vertical-align: top;
                    margin-right  : 130px
                }

                span:last-child {
                    display       : inline-block;
                    vertical-align: top;

                }

                span span:first-child {
                    color: #D9154B;
                }
            }
        }
    }
}